﻿<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="basePath" value="${pageContext.request.contextPath}"/>
<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>商户管理</title>
	<jsp:include page="/resources/inc/head.jsp" flush="true"/>
</head>
<body>
<div id="main">
	<div id="toolbar">
		<shiro:hasPermission name="pay:mchchannel:create"><a class="waves-effect waves-button" href="javascript:;" onclick="createAction()"><i class="zmdi zmdi-plus"></i> 新增商户渠道</a></shiro:hasPermission>
		<shiro:hasPermission name="pay:mchchannel:update"><a class="waves-effect waves-button" href="javascript:;" onclick="updateAction()"><i class="zmdi zmdi-edit"></i> 修改商户渠道</a></shiro:hasPermission>
		<shiro:hasPermission name="pay:mchchannel:delete"><a class="waves-effect waves-button" href="javascript:;" onclick="deleteAction()"><i class="zmdi zmdi-close"></i> 删除商户渠道</a></shiro:hasPermission>
	</div>
	<table id="table"></table>
</div>
<jsp:include page="/resources/inc/footer.jsp" flush="true"/>
<script>
	var $table = $('#table');
	$(function() {
		// bootstrap table初始化
		$table.bootstrapTable({
			url: '${basePath}/manage/channel/list',
			height: getHeight(),
			striped: true,
			search: true,
			showRefresh: true,
			showColumns: true,
			minimumCountColumns: 2,
			clickToSelect: true,
			detailView: true,
			detailFormatter: 'detailFormatter',
			pagination: true,
			paginationLoop: false,
			sidePagination: 'server',
			silentSort: false,
			smartDisplay: false,
			escape: true,
			searchOnEnterKey: true,
			idField: 'id',
			maintainSelected: true,
			toolbar: '#toolbar',
			columns: [
				{field: 'ck', checkbox: true},
				{field: 'mchid', title: '系统商户编号', sortable: true, align: 'center'},
				{field: 'channelid', title: '第三方渠道', sortable: true, align: 'center',formatter: function (value, row, index) {
					return getDictText("PAY_CHANNEL",value);
				}},
				{field: 'channelname', title: '第三方渠道名称'},
				{field: 'channelmchid', title: '第三方渠道商户appId'},
				{field: 'state', title: '状态',formatter: function (value, row, index) {
					return getDictText("UPMS_STATUS",value);
				}},
				{field: 'param', title: '配置参数'},
				{field: 'createtime', title: '创建时间', formatter: 'timeFormatter'},
				{field: 'updatetime', title: '更新时间', formatter: 'timeFormatter'},
				{field: 'remark', title: '备注'},
				{field: 'action', title: '操作', align: 'center', formatter: 'actionFormatter', events: 'actionEvents', clickToSelect: false}
			]
		});
	});
	window.actionEvents = {
		<shiro:hasPermission name="pay:mchchannel:update">
		'click .update': function(e, value, row, index) {
			updateAction([row]);
		},
		</shiro:hasPermission>
		<shiro:hasPermission name="pay:mchchannel:delete">
		'click .delete': function(e, value, row, index) {
			deleteAction([row]);
		}
		</shiro:hasPermission>
	};
	// 格式化操作按钮
	function actionFormatter(value, row, index) {
		return [
			<shiro:hasPermission name="pay:mchchannel:update">
			'<a class="update" href="javascript:;" data-toggle="tooltip" title="Edit"><i class="glyphicon glyphicon-edit"></i></a>　',
			</shiro:hasPermission>
			<shiro:hasPermission name="pay:mchchannel:delete">
			'<a class="delete" href="javascript:;" data-toggle="tooltip" title="Remove"><i class="glyphicon glyphicon-remove"></i></a>'
			</shiro:hasPermission>
		].join('');
	}
	// 格式化时间
	function timeFormatter(value , row, index) {
		return new Date(value).toLocaleString();
	}
	// 新增
	var createDialog;
	function createAction(rows) {
		createDialog = openDialog('url:${basePath}/manage/channel/create','新增支付渠道')
	}
	// 编辑
	var updateDialog;
	function updateAction(rows) {
		if(!rows)
			rows = $table.bootstrapTable('getSelections');
		if (rows.length != 1) {
			infoDialog('请选择一条记录！');
		} else {
			updateDialog = openDialog('url:${basePath}/manage/channel/update/' + rows[0].id,'编辑支付渠道');
		}
	}
	// 删除
	var deleteDialog;
	function deleteAction(rows) {
		if(!rows)
			rows = $table.bootstrapTable('getSelections');
		if (rows.length == 0) {
			infoDialog( '请至少选择一条记录！');
		} else {
			deleteDialog = confirmDialog('确认删除该数据吗？',function(){
				var ids = new Array();
				for (var i in rows) {
					ids.push(rows[i].id);
				}
				$.ajax({dataType: 'json',
					type: 'get',
					url: '${basePath}/manage/channel/delete/' + ids.join("-"),
					success: function(result) {
						if (result.code != 1) {
							if (result.data instanceof Array) {
								$.each(result.data, function(index, value) {
									infoDialog(value.errorMsg);
								});
							} else {
								infoDialog(result.data);
							}
						} else {
							deleteDialog.close();
							$table.bootstrapTable('refresh');
						}
					},
					error: function(XMLHttpRequest, textStatus, errorThrown) {
						infoDialog(textStatus);
					}
				});
			});
		}
	}
</script>
</body>
</html>